<template>
    <div>
        <ul>
            <router-link to="/film/hotplaying" tag="li" active-class="on">正在热映</router-link>
            <router-link to="/film/willplaying" tag="li" active-class="on">即将上映</router-link>
        </ul>
        <router-view></router-view>
    </div>
</template>

<style lang="scss" scoped>
    ul{
        display: flex;
        height: 40px;
        line-height: 40px;
        text-align: center;
        li{
            flex: 1;
        }
    }
    .on {
        color: orange;
        border-bottom:1px solid orange;
    }
</style>